﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="images/ico01.png" type="image/x-icon"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>欢迎登录超市后台</title>
<link rel="icon" href="images/ico01.png" type="image/x-icon"/>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js"></script>
<script src="js/jquery-2.2.1.min.js"></script>
<script src="js/tipSuppliers.js"></script>
<script src="index/js/jquery.js"></script>
<script src="index/js/Particleground.js"></script>
<link rel="stylesheet" type="text/css" href="index/css/style.css" />

<script>
	$(function(){
    $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
	$(window).resize(function(){  
    $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
    })  
});  
	
	$(document).ready(function() {
		  //粒子背景特效
		  $('body').particleground({
		    dotColor: '#5cbdaa',
		    lineColor: '#5cbdaa'
		  });
		
		});
</script> 
<style type="text/css">
	@keyframes fade-in {  
    0% {opacity: 0;}/*初始状态 透明度为0*/  
    40% {opacity: 0;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;}/*结束状态 透明度为1*/  
	}  
	@-webkit-keyframes fade-in {/*针对webkit内核*/  
    0% {opacity: 0;}  
    40% {opacity: 0;}  
    100% {opacity: 1;}  
	}  
	body {    
    animation: fade-in;/*动画名称*/  
    animation-duration: 1.5s;/*动画持续时间*/  
    -webkit-animation:fade-in 1.5s;/*针对webkit内核*/  
	}  
	
	
	body{
	height:100%;
	background:#1c77ac;
	overflow:hidden;
	}
	canvas{
	z-index:-1;
	position:absolute;
	}
	p{
	text-align: center;
	}
</style>
</head>

<body>

    <div id="mainBody">
      <div id="cloud1" class="cloud"></div>
      <div id="cloud2" class="cloud"></div>
    </div>  


<div class="logintop">    
    <span>欢迎登录后台管理界面平台</span>    
    <ul>
    <li><a href="login.jsp">回首页</a></li>
    </ul>    
    </div>
    
    <div class="loginbody">
    
 	<div style="height:150px "></div>   
       
      <p style="text-align: center; font-size: 50px ;color: white">后台登录</p>
    <div class="loginbox loginbox3">
    <form action="login?flag=login" method="post">
    <ul>
    <span style="color: red">${error }</span>
    <li><input required="required" name="username" type="text" class="loginuser" placeholder="请输入账户" value="${cookie.username.value }"/></li>
    <li><input required="required" name="password" type="password" class="loginpwd" placeholder="请输入密码" value="${cookie.password.value }"/></li>
    <!-- <li class="yzm">
    <span><input name="" type="text" value="验证码" onclick="JavaScript:this.value=''"/></span><cite>X3D5S</cite> 
    </li> -->
    <li>
    <input  type="submit" class="loginbtn" value="登录" />
    <input style="margin-left:94px;width:100px;display:inline-block"  type="button" class="loginbtn" value="注册" onclick="location.href='admin_rigiste.jsp'"/>
    <hr>
    <label style="margin-left:94px;width:100px;display:inline-block; margin-top:20px"><input name="autologin" type="checkbox" value="autologin" checked="checked" />七天自动登录</label>
    </li>
    </ul>
	</form>
    
    
    </div>
    
    </div>
    
    
      <div class="loginbm">版权所有  2018&nbsp;&nbsp;&nbsp; <strong>ZY-唐掌柜</strong> &nbsp;&nbsp;&nbsp;</div>
	
    
</body>

</html>
